.category{
    .left{
        border-radius: 4px;
        position: relative;
        display: block;
        border: 1px solid #ddd;
        .el-col{
            font-size: 14px;
            font-weight: 400;

            a{
                padding: 10px 15px;
                display: block;
                height: 100%;
                cursor: pointer;
            }
        }
        .el-col.active, .el-col:focus, .el-col:hover {
            z-index: 2;
            color: #fff;
            background-color: #337ab7;
            border-color: #337ab7;
        }
        
        .border{
            border-bottom: 1px solid #ddd;
        }
    }
    .center{
        .el-col{
            padding: 10px 15px;
            border: 1px solid #ddd;
            margin-bottom: 5px;
        }
        .badge{
            padding: 1px 2px;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            color: #fff;
            text-align: center;
            background-color: #777;
            border-radius: 10px;
        }
    }
    .right{
        padding: 5px;
        border-radius: 4px;
        border: 1px solid #ddd;
    }
}